$(function(){
    //2-用户数据渲染
    //01 ajax去后台获取用户数据
    //02 使用模板引擎渲染数据
    var currentPage =1  //记录当前页
    var pageSize=5 //每页条数
    function render(){
        $.ajax({
             type: 'get',
             url: '/user/queryUser',
             data: {
                 page:currentPage,
                 pageSize:pageSize,
             },
             dataType: 'json',
             success: function (res) {
                     console.log(res);
                $('tbody').html(template('tmp',res))
                setPage(res.total)
                
             }
         })
    }
    render();

    //模态框禁用启用
    //1.点击启用按钮或禁用按钮，弹出确认框
    //2.获取当前数据id
    //3.获取当前数据进行操作
    //4. 如果用户点击确认框确认按钮，向后台发送Ajax请求 进行操作
    //5.操作完成后，页面重新渲染，隐藏模态框
    var id =null
    var isDelete=null
    $('tbody').on('click','.btn-exec',function(){
        id=$(this).parent().data('id')
        isDelete = $(this).hasClass('btn-danger')?  0 :1;
        console.log(id,isDelete);
        
    })
    $('.btn-ok').click(function(){
        $.ajax({
             type: 'post',
             url: '/user/updateUser',
             data: {
                 id:id,
                 isDelete:isDelete
             },
             dataType: 'json',
             success: function (res) {
                     console.log(res);
                     console.log(123);
                     
                     render()
                     $('.modal-user').modal('hide')
                    //  $('.modal-user').css('backgroundColor','pink')
             }
         })
    })
    
    function setPage(total){
        $("#paginator").bootstrapPaginator({
            bootstrapMajorVersion:3,//默认是2，如果是bootstrap3版本，这个参数必填
            currentPage:currentPage,//当前页
            totalPages:Math.ceil(total/pageSize),//总页数
            size:"small",//设置控件的大小，mini, small, normal,large
            onPageClicked:function(event, originalEvent, type,page){
              //为按钮绑定点击事件 page:当前点击的按钮值

              console.log(page);
              currentPage=page;
              render();
              
            }
      });
    }
    
   
})